<!-- Navbar
================================================== -->
<section id="navbar">
	<section class="row">
		<div class="col-md-12">
			<nav class="navbar navbar-default" role="navigation">
			  <!-- Brand and toggle get grouped for better mobile display -->
			  <div class="navbar-header">
			    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
			      <span class="sr-only">Toggle navigation</span>
			      <span class="icon-bar"></span>
			      <span class="icon-bar"></span>
			      <span class="icon-bar"></span>
			    </button>
			    <a class="navbar-brand" href="">Brand</a>
			  </div>

			  <!-- Collect the nav links, forms, and other content for toggling -->
			  <div class="collapse navbar-collapse navbar-ex1-collapse">
			    <ul class="nav navbar-nav">
			      <li class="active"><a href="">Link</a></li>
			      <li><a href="">Link</a></li>
			      <li class="dropdown">
			        <a href="" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
			        <ul class="dropdown-menu">
			          <li><a href="">Action</a></li>
			          <li><a href="">Another action</a></li>
			          <li><a href="">Something else here</a></li>
			          <li><a href="">Separated link</a></li>
			          <li><a href="">One more separated link</a></li>
			        </ul>
			      </li>
			    </ul>
			    
			    <ul class="nav navbar-nav navbar-right">
			      <li><a href="">Link</a></li>
			      <li class="dropdown">
			        <a href="" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
			        <ul class="dropdown-menu">
			          <li><a href="">Action</a></li>
			          <li><a href="">Another action</a></li>
			          <li><a href="">Something else here</a></li>
			          <li><a href="">Separated link</a></li>
			        </ul>
			      </li>
			    </ul>
			  </div><!-- /.navbar-collapse -->
			</nav>
		</div>
	</section>
    <!-- /navbar -->
</section>